/**
 * @description Header theme config
 */
const headerTheme = {
  light: {
    "--hooks-colorTextHeader": "#1f1f1f",
    "--hooks-colorTextSecondaryHeader": "#8c8c8c",
    "--hooks-colorTextHoverHeader": "#f0f0f0",
    "--hooks-colorBgHeader": "#ffffff",
    "--hooks-colorBorderHeader": "#f0f0f0"
  },
  inverted: {
    "--hooks-colorTextHeader": "#f1f1f1",
    "--hooks-colorTextSecondaryHeader": "#afafaf",
    "--hooks-colorTextHoverHeader": "#5a5a5a",
    "--hooks-colorBgHeader": "#001529",
    "--hooks-colorBorderHeader": "#303030"
  },
  dark: {
    "--hooks-colorTextHeader": "#f1f1f1",
    "--hooks-colorTextSecondaryHeader": "#afafaf",
    "--hooks-colorTextHoverHeader": "#5a5a5a",
    "--hooks-colorBgHeader": "#141414",
    "--hooks-colorBorderHeader": "#303030"
  }
};

export default headerTheme;
